﻿body {
}

.new-tab {
    background-image: url(../images/new_tab.gif) !important;
}


.tabs {
    background-image: url(../images/tabs.gif ) !important;
}

/* DEFAULTS
----------------------------------------------------------*/

body {
    font-size: .80em;
    font-family: Tahoma;
    margin: 0px;
    padding: 0px;
    background: #f5f6f6; /* Old browsers */
}

.readonlyInput {
    border: none;
    background: #f5f6f6;
}

.login {
    width: 340px;
    box-shadow: 3px 3px 5px #888888;
    border-radius: 5px;
    background-color: White;
    background-image: url(../images/login_bg.png);
    padding: 5px;
    border: solid 1px gray;
}

    .login .header {
        line-height: 30px;
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        color: #2489C7;
        background-image: url(../images/login.png);
        background-repeat: no-repeat;
        padding-left: 30px;
    }

.clear {
    clear: both;
}

.login .content {
}

    .login .content .left {
        float: left;
        text-align: right;
        width: 100px;
        color: #2489C7;
        line-height: 25px;
        margin-top: 10px;
    }

    .login .content .right {
        float: left;
        text-align: left;
        margin-top: 10px;
        margin-left: 5px;
    }

        .login .content .right input[type="text"] {
            color: navy;
        }

.btLogin {
    background: url(../images/unlock.png);
    height: 30px;
    padding: 3px;
    padding-left: 30px;
    background-repeat: no-repeat;
    padding-right: 10px;
    border-radius: 5px;
    background-color: #f3f7f9;
    color: Navy;
    font-size: 14px;
    border-width: 1px;
    cursor: pointer;
    margin-left: 105px;
}

.main {
    width: 100%;
    /*min-height: 500px;*/
}

    .main a {
        text-decoration: none;
        color: #081BA9;
    }

        .main a:hover {
            text-decoration: underline;
        }

    .main .main_top {
        height: 121px;
        padding-top: 10px;
        padding-left: 20px;
        background: #ffffff url('../images/bg/bn.jpg') no-repeat 0 0;
        background-size: 100% auto;
    }

.footer {
    text-align: center;
    height: 38px;
    margin-top: 50px;
    padding-top: 5px;
    padding-left: 5px;
    width: 100%;
    bottom: 0px;
    background: #ffffff url('../images/ft.png') no-repeat 0 0;
    background-size: 100% auto;
}

.main .main_top .main_top_left {
    float: left;
}

    .main .main_top .main_top_left img {
        float: left;
    }

    .main .main_top .main_top_left p {
        float: left;
        color: #da251d;
        font-size: 16px;
        font-weight: bold;
        margin-left: 5px;
        text-align: center;
    }

.main .main_top .main_top_right {
    float: right;
    text-align: left;
    margin-right: 10px;
    color: #ffffff;
    font-size: 11px;
}

    .main .main_top .main_top_right ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
    }

.a_top {
    color: White !important;
}

.main .main_top .main_top_right li {
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border-left: solid 1px gray;
}

    .main .main_top .main_top_right li:first-child {
        border: none;
    }

    .main .main_top .main_top_right li img {
        float: left;
    }

    .main .main_top .main_top_right li a {
        display: block;
        float: left;
        margin-left: 3px;
    }

.main .menu_top {
    background: #b8cadc;
}

    .main .menu_top ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        padding-top: 3px;
    }

    .main .menu_top li {
        float: left;
        height: 29px;
        width: 129px; /*width:189px;*/
        background: url(../images/menu_unselect.png);
        text-align: center;
        line-height: 29px;
        position: relative;
        z-index: 1;
    }

        .main .menu_top li a {
            display: block;
            color: #363636;
            text-decoration: none;
        }

            .main .menu_top li a:hover {
                font-weight: bold;
                color: #081BA9;
            }

.main .menu_top_child ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    padding-top: 3px;
    padding-bottom: 5px;
}

.main .menu_top_child {
    border-bottom: solid 1px #95999f;
}

    .main .menu_top_child li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 11px;
        border-left: solid 1px #95999f;
    }

        .main .menu_top_child li:first-child {
            border: none;
        }

        .main .menu_top_child li a {
            display: block;
        }

            .main .menu_top_child li a:hover {
                font-weight: bold;
            }

.form_input {
    display: table;
    width: 90%;
    margin-top: 30px;
    padding-bottom: 30px;
    border-spacing: 5px;
}

    .form_input .row {
        display: table-row;
    }

    .form_input .col {
        display: table-cell;
        vertical-align: top;
    }

    .form_input .title {
        text-align: right;
        padding-right: 5px;
        line-height: 22px;
        color: #2489C7;
        font-size: 12px;
        width: 20%;
    }

    .form_input span.star {
        font-size: 10px;
        color: Red;
    }

    .form_input select {
        color: Navy;
    }

    .form_input input[type="text"],
    .form_input textarea {
        width: 100%;
        color: Navy;
    }

.p_title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #D0DAE6;
    color: Navy;
    line-height: 30px;
}

.save_bt {
    background: url(../images/save_bt.png);
    width: 100px;
    height: 30px;
    border: none;
    cursor: pointer;
}

    .save_bt:hover {
        background-position: 0px 30px;
    }

.delete_bt {
    background: url(../images/delete_bt.png);
    width: 100px;
    height: 30px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
}

    .delete_bt:hover {
        background-position: 0px 30px;
    }

.excel_bt {
    background: url(../images/excel_bt.png);
    width: 120px;
    height: 30px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
}

    .excel_bt:hover {
        background-position: 0px 30px;
    }

.image_bt {
    background: url(../images/image_bt.png);
    width: 100px;
    height: 30px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
}

    .image_bt:hover {
        background-position: 0px 30px;
    }

.search_bt {
    background: url(../images/search_bt.png);
    width: 100px;
    height: 30px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
}

    .search_bt:hover {
        background-position: 0px 30px;
    }

.news_bt {
    background: url(../images/news_bt.png);
    width: 100px;
    height: 30px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
}

.search_bt:hover {
    background-position: 0px 30px;
}

.data_table {
    width: 99%;
    margin: 0 auto;
    border-top: solid 1px #A4ABB2;
    border-left: solid 1px #D0D7E5;
    margin-left: 10px;
}

    .data_table th {
        border: solid #A4ABB2;
        border-width: 0 1px 1px 1px;
        line-height: 30px;
        background: #DBDFE4 0 -2300px repeat-x url('../images/thbg.png');
    }

    .data_table td {
        text-align: center;
        vertical-align: middle;
        color: #000000;
        border-right: solid 1px #D0D7E5;
        border-bottom: solid 1px #D0D7E5;
        font: 13px/17px "segoe ui",arial,sans-serif;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .data_table tr {
        cursor: pointer;
    }

        .data_table tr:hover, .data_table tr.dt_select {
            background: #A7BAC6;
        }

        .data_table tr.select > td {
            font-weight: bold;
        }

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: fixed;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
}

#boxes #dialog {
    width: 375px;
    height: 203px;
    padding: 10px;
    background-color: #ffffff;
}

#boxes #dialog1 {
    width: 375px;
    height: 203px;
}

#dialog1 .d-header {
    background: url(../images/login-header.png) no-repeat 0 0 transparent;
    width: 375px;
    height: 150px;
}

    #dialog1 .d-header input {
        position: relative;
        top: 60px;
        left: 100px;
        border: 3px solid #cccccc;
        height: 22px;
        width: 200px;
        font-size: 15px;
        padding: 5px;
        margin-top: 4px;
    }

#dialog1 .d-blank {
    float: left;
    background: url(../images/login-blank.png) no-repeat 0 0 transparent;
    width: 267px;
    height: 53px;
}

#dialog1 .d-login {
    float: left;
    width: 108px;
    height: 53px;
}

#boxes #dialog2 {
    background: url(../images/notice.png) no-repeat 0 0 transparent;
    width: 326px;
    height: 229px;
    padding: 50px 0 20px 25px;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
    background-image: url('../images/btbg.png');
    border: none;
    background-color: none;
    background-position: left -0px;
    border: solid 1px #a4abb2;
    line-height: 20px;
    cursor: pointer;
    border-radius: 3px;
    color: #603913;
    font-size: 13px;
    text-shadow: 0.07em 0.07em #333;
}

    input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,
    input[type="file"]::-webkit-file-upload-button:hover, button:hover {
        background-position: left -24px;
        border-color: #f3d64a;
    }

    input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active,
    input[type="file"]::-webkit-file-upload-button:active, button:active {
        background-position: left -48px;
        border-color: #c28b31;
    }

.dtb_left {
    text-align: left;
}
